 @charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	font:12px/23px Arial, Microsoft YaHei, Simsun;
	color:#333;
	background:#fff;)
}
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li, p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
ol, ul, li {
	list-style: none;
	padding:0;
	margin:0;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#11396d;
	text-decoration:underline;
}
.clearfix {
  *zoom: 1;
}
.hidden {
    display: none;
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";word-wrap : break-word;
}

.clearfix:after {
  clear: both;
}

.fl {
	float:left;
}
.fr {
	float:right;
}


header{
	background:url(../image/bg_topbg.png) repeat-x; height:29px;margin: 0 auto;}
.centre{
	background:url(../image/bg_arrows.png)no-repeat 307px 27px; width:900px; margin:150px auto;}	
	
.centre .fl{
	width:300px; height:500px;}
	
.centre .fr{
	background:url(../image/bg_article.png) no-repeat 142px 0 ; width:600px; height:500px; }
	
	
.logo{
	background:url(../image/logo.png) no-repeat 60px 0; width:323px; height:140px; overflow:hidden;}
	
.ad{
	text-align:right; font-size:30px; color:#999; line-height:150px; padding-right:19px;}
	
.down{
	 padding-right:35px;}
	
.down p{
	font:24px/40px Arial, Microsoft YaHei, Simsun; text-align:right; display:block; color:#666; padding-bottom:20px;}
	
.down a{
	float:right; margin-left:40px;}
	
footer{
	margin:15px auto; border-top:#f00 3px solid; text-align:center; line-height:30px; }
	
[class^="icon-"], [class*=" icon-"]{
	font-family:icons; /* BYO icon font, mapped smartly */; font-size:40px;transition: all 0.5s ease-in-out 0s;border-radius: 75px;}
	
.goods{
	position:relative;}
	
.goods .clock{
	position:absolute; top:19px; left:282px; display:block;}
	
	
.goods .gift,.goods .pen,.goods .clock{
	color:#fff;font-size:40px;}	
	
.goods .gift{
	position:absolute; top:89px; left:195px; }
	
.goods .pen{
	position:absolute; top:126px; left:460px; }
	
.goods .food{
	position:absolute; top:310px; left:504px; }
	
.goods .t-shirt{
	position:absolute; top:380px; left:417px; }
	
	
.goods .cup{
	position:absolute; top:273px; left:238px; }


.clock_fi,.pen_fi,.gift_fi,.food_fi,.t-shirt_fi,.cup_fi{
	width:55px; height:55px; line-height:55px;
	display:inline-block;font-size:25px;
	-moz-border-radius:75px;
	-webkit-border-radius:75px;
	border-radius:75px;
	color:#fff;
	text-align:center;
	margin-bottom:5px;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.ga:hover .clock_fi,.ga:hover .pen_fi,.ga:hover .gift_fi,.ga:hover .food_fi,.ga:hover .t-shirt_fi,.ga:hover .cup_fi{
	color: #fff;
	 -webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
}

.clock_fi{
	background:#ea8139;}
	
.ga:hover .clock_fi{
	background:#d57431;}
	

.pen_fi{
	background:#4eb38b;}
	
.ga:hover .pen_fi{
	background:#409f7b;}
	
.gift_fi{
	background:#cb455f;}
	
.ga:hover .gift_fi{
	background:#f00;}

.food_fi{
	background:#282024;}
	
.ga:hover .food_fi{
	background:#43939e;}
	
.t-shirt_fi{
	background:#227880;}
	
.ga:hover .t-shirt_fi{
	background:#246e72;}

.cup_fi{
	background-color:#944e9f;}
	
.ga:hover .cup_fi{
	background:#733b7c;}


/*帮助中心*/
.help{
	width:100%;} 
	
.help li{
	background:#ddd; font-size:14px; font-weight:bold; line-height:30px;}
.help li span{
	width:98%; padding:0 1%; display:block;}
	
.help li span b{
	background:url(../image/ico_arrows.png) 0 1px; width:15px; height:12px; display:block; float:right; margin-top:8px;}


.help .minute li{
	font-size:12px; font-weight:normal;background:#e6e6e6;border-bottom:#b3b3b3 1px solid; width:98%; padding:0 1%;}
	
.help .minute li a{
	display:block;}
	
.help .minute li:hover{
	background:#fff;}
	
.help .minute li b{
	background:url(../image/ico_arrows.png) 0 14px; width:15px; height:15px; display:block; float:right; margin-top:8px;}


/*详细*/
.particular{
	width:98%; height:100%; padding:0 1%;line-height:30px; font-size:12px;background:#e6e6e6; color:#333;}



/*网页跳转*/

.judge{
	width:98%; height:60px; line-height:60px; color:#333; padding:0 1%; display:block; background:#e6e6e6; position:relative;}
	

.judge .judge_logo{
	margin:5px 15px 0 0; display:block; float:left;}

.judge .btn{
	background:#ccc; padding:2px 10px; float:right; border-radius:5px; line-height:25px;display:block; margin-top:20px;}

.judge .close{
	position:absolute; background:url(../image/ico_close.png) no-repeat; width:17px; height:16px; display:block; right:5px; top:5px;}


.roll img{
	width:100%; height:200px;}
.jump{
	width:98%; padding:1%;}

.jump .btn{
	 display:block; margin-bottom:10px;}
	
.jump .btn a{
	width:100%;text-align:center; color:#fff;border-radius:10px; display:block; height:35px; line-height:35px;}
	
.jump .btn a.yellow{
	background:#ea9c3f; margin-right:3%}
	
.jump .btn a.red{
	background:#d12727;}
	
.jump p b{
	color:#f00; margin-right:10px;}





